<template>
  <div>
    <h2 class="mat-2">祖父组件</h2>
    <p class="mat-2">{{ msg }}</p>
    <bolean-parent
      :name="name"
      :age="age"
      @child-click="clickGrandChild"
    ></bolean-parent>
  </div>
</template>
<script>
import Parent from './Parent'
export default {
  components: {
    'bolean-parent': Parent
  },
  data () {
    return {
      name: '名称：祖父',
      age: '祖父年龄：100',
      msg: ''
    }
  },
  methods: {
    clickGrandChild (data) {
      this.msg = data
    }
  }
}
</script>
